<template>
  <div class="wrap">
    <div style="margin-top:-20px;">
      <h1 class="animate__swing">403</h1>
      <h4>您的权限不足</h4>
      <el-button
          type="primary"
          icon="el-icon-back"
          @click="toBack"
          size="small"
      >返回主页</el-button>
    </div>
  </div>
</template>
<script>
export default {
  name: '403',
  data(){},
  methods: {
    toBack(){
      var comp = this.$store.getters.focusApp;
      comp.isOpen = false
      comp.status = 3
      this.$store.commit('removeTaskList', comp)
      this.$router.push({ path: '/' }).then( _ => {
        location.reload()
      })
    }
  }
}
</script>
<style scoped lang="scss">
.wrap {
  height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  //background-image: url("../assets/img/bg.jpg");
  background-size: cover;
  font-family: Montserrat, Helvetica, Arial, sans-serif;
  h1 {
    text-align: center;
    font-size: 10em;
    font-family: fantasy;
    color: #475669;
    letter-spacing: 40px;
    margin: -5vh 0 5vh 1vw;
  }
  h4 {
    color: #666;
  }
}
</style>
